<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>头像</title>
	<style type="text/css">
		#timg{
			width: 75px;
			height: 75px;
			background-repeat:no-repeat;
			background-size: 100%;
			
		}
		
		#dropdownMenuLink{
			width: 34px;
			heigth:34px;
			background-repeat:no-repeat;
			background-size: 100%;
		}

	</style>
</head>
<body>
	 <div class="collapse navbar-collapse" id="navbarImage">
					 <div class="navbar-nav mr-auto"></div>
					    <div class="navbar-text" style="width:140px;">
							<div class="dropdown">
							  <div class="dropdown-toggle rounded-circle" href="#" 
							  id="dropdownMenuLink" 
							  data-toggle="dropdown" aria-haspopup="true" 
							  aria-expanded="false"
							  style="background-image: url(${pageContext.request.contextPath}/static/images/headPortrait/eh.jpg);"
							  >
							  		
							  </div>
							
							  <div class="dropdown-menu dropdown-menu-right shadow p-3 mb-5 rounded" style="width: 300px;" aria-labelledby="dropdownMenuLink">
								 <p class="ml-3">个人信息</p>
								 <div class="dropdown-item p-3" style="height: 100px;">
											 <div id="timg" class="rounded-circle float-left"
											  style="background-image: url(${pageContext.request.contextPath}/static/images/headPortrait/eh.jpg);">	
										</div>
								
									<div  class="ml-3 float-left">
										<div class="mt-1">
											欢迎~
										</div>
										<div>
											账号信息
										</div>
									</div>
									 
								 </div>
								 <div class="dropdown-divider"></div>
									 
									   <a class="dropdown-item float-left" href="#">
										   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
										     <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
										   </svg>
										   
										   个人中心</a>
									
									   <a class="dropdown-item" href="${pageContext.request.contextPath}/pj/exitLogin">
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-right" viewBox="0 0 16 16">
										  <path fill-rule="evenodd" d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z"/>
										  <path fill-rule="evenodd" d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z"/>
										</svg>
										退出</a>



							  
							  </div>
							</div>
							
							
							
							 
					    </div>
				  </div>
		
</body>


	<script type="text/javascript">
	 $(window).ready(function () {
	        $.ajax({
	            type: "post",
	            async : true,
	            dataType:"json",
	            contentType: "application/json",
	            url: "${pageContext.request.contextPath}/static/images/headPortrait/eh.jpg",
	            data: {
	                "id":"1l",
	            },
	            success: function (data) {
	                $("#dropdownMenuLink").css("background-image","url("+data.loginPicture+")");
	                datai = JSON.stringify(data);

	            }
	        });
	    });
	
	</script>


</html>